module.exports = {
  content: [
    './index.html',
    './src/**/*.{vue,js,ts,jsx,tsx}',
  ],
  theme: {
    extend: {
      fontFamily: {
        sans: ['Inter', 'ui-sans-serif', 'system-ui', 'Avenir', 'Helvetica', 'Arial', 'sans-serif'],
      },
      colors: {
        brand: {
          50: '#eef2ff',
          100: '#e0e7ff',
          200: '#c7d2fe',
          300: '#a5b4fc',
          400: '#818cf8',
          500: '#6366f1',
          600: '#4f46e5',
          700: '#4338ca',
          800: '#3730a3',
          900: '#312e81',
        },
        accent: {
          500: '#22d3ee',
          600: '#06b6d4',
        },
        fruit: {
          apple: '#ff4d4f',
          banana: '#fbbf24',
          mango: '#f59e0b',
          berry: '#8b5cf6',
          kiwi: '#22c55e',
          orange: '#fb923c',
        }
      },
      backgroundImage: {
        // 深色主背景 + 绿色辐射晕染，贴近参考站深绿科技感
        'solo-gradient': 'radial-gradient(1000px 800px at 90% -10%, rgba(16,185,129,0.15), rgba(34,197,94,0.10), transparent), linear-gradient(180deg, #0b0f14 0%, #0b0f14 100%)',
        // 顶部叠加渐变，用于 Hero 覆盖层
        'brand-gradient': 'linear-gradient(135deg, rgba(16,185,129,0.35) 0%, rgba(34,197,94,0.20) 50%, rgba(12,83,63,0.20) 100%)',
      },
      boxShadow: {
        glass: '0 10px 30px rgba(0,0,0,0.15)',
      },
      backdropBlur: {
        xs: '2px',
      }
    },
  },
  plugins: [require('@tailwindcss/forms')],
}